<demo>
## 复杂内容
</demo>
<!-- #region snippet -->
<template>
  <div class="demo-container">
    <div class="demo-item">
      <h4>HTML 内容</h4>
      <m-banner type="warning">
        <strong>重要提示：</strong>系统将在 <em>30 分钟</em> 后进行维护，请及时保存您的工作。
        <br />
        <small>维护时间：2024-01-01 02:00 - 04:00</small>
      </m-banner>
    </div>
    <div class="demo-item">
      <h4>带操作按钮</h4>
      <m-banner type="info">
        <div class="banner-with-actions">
          <span>发现新版本 v2.0.0，是否立即更新？</span>
          <div class="actions">
            <m-button size="small" type="primary">立即更新</m-button>
            <m-button size="small">稍后提醒</m-button>
          </div>
        </div>
      </m-banner>
    </div>
  </div>
</template>

<script setup>
</script>
<!-- #endregion snippet -->

